import { Tiny } from "@ant-design/plots";

function DemoTinyArea() {
  const data = [
    264, 417, 438, 887, 309, 397, 550, 575, 563, 430, 525, 592, 492, 467, 513,
    546, 983, 340, 539, 243, 226, 192,
  ].map((value, index) => ({ value, index }));
  const config = {
    data,
    width: 480,
    height: 80,
    padding: 8,
    xField: "index",
    yField: "value",
  };
  return <Tiny.Column {...config} />;
}

export default DemoTinyArea;
